<template>
    <layout>

        <div class="bg_img">
            <mt-header title="最新通知">


                <a href="javascript:window.history.go(-1);" slot="left">
                    <mt-button  icon="back"></mt-button>
                </a>
            </mt-header>

            <div class="flex_mark" :style="note">
                <div class="new_box">
                    <div class="new_title">
                        <div class="title_bt">{{ notice.title }}</div>
                        <div class="tiele_img">
                            <img src="../../../asset/img/icon.png" />
                        </div>
                    </div>
                    <div class="title-content" v-html="notice.content" >
                    </div>
                    <div class="footer" ></div>
                </div>


            </div>


        </div>
    </layout>
</template>
<style lang="scss">
    @import "index.scss";

</style>
<script type="text/babel">
    import { api } from 'framework/config.js';
    import Layout from "component/layout/standard";
    import VHeader from "component/layout/header.vue";

    import Vue from 'vue'
    import Mint from 'mint-ui';
    Vue.use(Mint);

    export default {
        components: {
            Layout,
            VHeader
        },
        data(){
            return {


                note: {
                    backgroundImage: "url(" + require("../../../asset/img/bg.png") + ")",
                    backgroundRepeat: "no-repeat",
                    backgroundSize: "100%  100%",
                }

            }
        },
        computed: {
            api(){
                return api();
            }
        },
        methods: {
        },
        created(){
        },
        mounted() {
        }
    }
</script>

